<template>
  <div>
    <TypeNav></TypeNav>
    <div style="width: 1200px; margin: 0 auto">
      <router-link to="/communication/event" class="m">event</router-link>
      <router-link to="/communication/model" class="m">model</router-link>
      <router-link to="/communication/sync" class="m">sync</router-link>
      <router-link to="/communication/attrs-listeners" class="m">attrs-listeners</router-link>
      <router-link to="/communication/children-parent" class="m">children-parent</router-link>
      <router-view style="margin-top: 30px; font-size: 22px"></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: "Communication",
};
</script>

<style>
.m {
  margin-right: 20px;
  color: red;
  font-size: 22px;
}
</style>
